<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="绿茶,茶叶,乌龙茶,茶茶">
    <meta http-equiv="X-UA-Compatible" content="世界500强,贩卖绿茶网站,年购买量绕地球三圈!">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/template.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/specialist-content.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/course-center.css">
</head>
<body>
    <!-- 1.头部:headr开始 -->
    <div class="header">
        <div class="warpper clearfix">
            <!-- header logo -->
            <h1 class="logo fl">
                <img src="./img/LOGO.png" alt="">
            </h1>
            <!-- header .nav -->
            <ul class="nav fr fsize-16">
                <li>
                    <a href="index.html">首页</a>
                    <i></i>
                </li>
                <li>
                    <a href="platform-show.html">平台简介</a>
                    <i></i>
                </li>
                <li>
                    <a href="project-show.html">百业好项目</a>
                    <i></i>
                </li>
                <li>
                    <a href="news-show.html">新闻中心</a>
                    <i></i>
                </li>
                <li>
                    <a href="specialist-team.html">专家团队</a>
                    <i></i>
                </li>
                <li>
                    <a href="course-center.html">课程中心</a>
                    <i></i>
                </li>
                <li>
                    <a href="contact-us.html">联系我们</a>
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <!-- 1.头部:headr结束 -->
    
    <!-- 2.海报:banner开始 -->
    <div class="banner"></div>
    <!-- 2.海报:banner结束 -->

    <!-- 3.内容区域:content开始 -->
    <div class="content warpper">
        <div class="big-title">
            <h2>COURCE CENTER</h2>
            <h2>精品课程</h2>
        </div>
        <div class="course-content ">
            <ul class="fsize-16 clearfix">
                <li>
                    <a href="#">
                        <img src="./img/courcepic.png" alt="">
                        <div>上海好项目</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/courcepic.png" alt="">
                        <div>上海好项目</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/courcepic.png" alt="">
                        <div>上海好项目</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/courcepic.png" alt="">
                        <div>上海好项目</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 3.内容区域:content结束 -->

    <!-- 4.轮播图:specialist-content开始 -->
    <div class="specialist-content">
        <!-- 4.轮播图:specialist-content 标题 -->
        <div class="big-title">
            <h2>COURCE CENTER</h2>
            <h2>更多课程</h2>
        </div>
        <!-- 4.轮播图:specialist-content 内容 -->
        <ul class="clearfix warpper">
            <li>
                <img src="./img/courcepic.png" alt="">
                <div>
                    <p>品一思格成导师介绍-李攀</p>
                </div>
            </li>
            <li>
                <img src="./img/courcepic.png" alt="">
                <div>
                    <p>品一思格成导师介绍-李攀</p>
                </div>
            </li>
            <li>
                <img src="./img/courcepic.png" alt="">
                <div>
                    <p>品一思格成导师介绍-李攀</p>
                </div>
            </li>
            <li>
                <img src="./img/courcepic.png" alt="">
                <div>
                    <p>品一思格成导师介绍-李攀</p>
                </div>
            </li>
        </ul>
        <!-- 按钮 -->
        <div class="across-button fsize-18">
            <span>&lt;</span>
            <span>&gt;</span>
        </div>
    </div>
    <!-- 4.专家风采:specialist-content结束 -->

    <!-- 5.页脚:footer开始 -->
    <div class="footer">
        <div class="warpper">
            <h1 class="logo fl">
                <img src="./img/logo2.png" alt="">
            </h1>
            <div class="right fl fsize-14 c-ffffff">
                <h2 class="fsize-16">上海思格成文化传播有限公司</h2>
                <p>电话：13973446060    客服电话：18523061689（上海）   18523066589(重庆)</p>
                <p>邮编：200000   Email：pinyisgc@163.com	  地址：上海虹口区东大名路948号白金湾广场区1903</p>
                <p class="c-626262">©Copyright 2015 蜀ICP备：2014043248-1号</p>
            </div>
        </div>
    </div>
    <!-- 5.页脚:footer结束 -->
</body>
</html>